{% extends 'wechatbase.html' %}
{% block title %}
    {{ipinfo.city || ipinfo.ip}}
{% endblock %}
{% block content %}
<div id="content">
    <div class="layout">
        <!--=S header=-->
        <!--<div id="header">-->
            <!--<span class="title">-->
            <!--</span>-->
        <!--</div>-->
        <!--=E header=-->
        <!--=S list-mod =-->
        <link rel="stylesheet" type="text/css" href="/static/css/list-mod.css"/>
        <link rel="stylesheet" type="text/css" href="/static/css/list-big-mod.css"/>
        <div class="list-mod">
            <div class="list-bd" id="J_listItem">
                {% for item in list %}
                    <div class="list-item" data-openid="{{item.openid}}" id="{{item.openid}}">
                        <dl class="f-left">
                            <dt class="j_cardWatch" data-uid="2">
                                <a href="{{item.pic}}">
                                    <img src="{{item.pic}}" alt="{{item.openid}}"/>
                                </a>
                            </dt>
                            <dd class="desc">
                                <p class="item-name">
                                    <a href="data:text/html,{{item.openid}}" class="name-ipt">{{item.nickname}}</a>
                                </p>
                                <p>
                                   <span class="{% if item.sex =='man' %}sex-m{% else %}sex-w{% endif %}">
                                       <b class="num">{{item.sex}}</b>
                                   </span>
                                </p>
                            </dd>
                        </dl>
                        <div class="f-right">
                            <p class="update-time">
                                    <!--swig 采用的是php的date格式化规则:MySQL DATETIME 格式）-->
                                   {{item.updatetime|date('Y-m-d H:i')}}
                            </p>
                        </div>
                    </div>
                {% endfor %}
            </div>
            <div class="list-ft"></div>
        </div>
        <!--=E list-mod =-->
    </div>

   <!--<script>-->
       <!--//选中功能-->
       <!--function selectName(dom){-->
           <!--var value=dom.value;-->
           <!--dom.setSelectionRange(0,value.length);-->
       <!--}-->
   <!--</script>-->



</div>
{% endblock %}

